<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>开始训练</title>
	</head>
	<body class="start">
		<!-- 主体 -->
		<main class="main">
			<video
				src=" http://fitness.h5.itsource.cn:3701/course/part1.mp4"
				class="video"
				id="video"
				muted
			></video>
			<h1><span id="pn">1</span>/<span id="tns">4</span></h1>
			<h3>课程介绍</h3>
		</main>

		<!-- 控制台 -->
		<div class="console">
			<span class="iconfont icon-previous" id="previous"></span>
			<span class="iconfont icon-zanting" id="play"></span>
			<span class="iconfont icon-next" id="next"></span>
		</div>

		<!-- 进度条 -->
		<div class="progress"></div>

		<!-- 蒙层 -->
		<div id="mask"></div>
		<!-- 中间的按钮 -->
		<div class="btnbox">
			<!-- 开始按钮 -->
			<div id="start">
				<span class="iconfont icon-tuiguangzhong"></span>
			</div>
			<!-- 结束按钮 -->
			<div id="end">
				<span class="iconfont icon-jieshu"></span>
			</div>
		</div>

		<!-- 下方提示盒子 -->
		<div class="hint">
			<img
				src="http://fitness.h5.itsource.cn:3701/course/part1.png"
				alt="图片加载失败"
			/>
			<div class="textbox">
				<p class="title">当前:</p>
				<p class="text">叼你妈的</p>
			</div>
		</div>
	</body>
</html>
